<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

    <div id="loading">loading</div>
         <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide bg">
						<div class="imgbox">
							<img src="./images/webwxgeticon.jpg">
						</div>
	            </div>
	            <div class="swiper-slide bg">
	            	<div class="font">
		            	<p class="ani font_title" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s">个人信息</p>
						<p class="ani font_title" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.7s">姓名：毛炳侥</p>
						<p class="ani font_title" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.1s">性别：男</p>
						<p class="ani font_title" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">年龄：24</p>
						<p class="ani font_title" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.9s">毕业院校：浙江理工大学</p>
	            	</div>	
					
	            </div>
	            <div class="swiper-slide bg1">
					<p class="top_title ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s">自我介绍</p>
					<p  class="ani introduce" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.1s"></p>
					<button id="enter">进入体验</button>
	            </div>
	        </div> 
	    </div>


    <div id="mainContainer">
            <div id="scroller">
                <ul>
                	
                </ul>
            </div>

        <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人简历</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-paperclip"></span>
				<span class="mui-tab-label" id="skill">skill</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-compose"></span>
				<span class="mui-tab-label" id="work">work</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-settings"></span>
				<span class="mui-tab-label" id="project">project</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-person"></span>
				<span class="mui-tab-label" id="me">me</span>
			</a>
		</nav>
		<div class="mui-content">
			<div id="tabbar" class="mui-control-content mui-active"></div>
				
			<div id="tabbar-with-chat" class="mui-control-content"></div>
				
			<div id="tabbar-with-contact" class="mui-control-content"></div>
			
			<div id="tabbar-with-map" class="mui-control-content"></div>
				
		</div>
    </div>
    <script src="js/index.js"></script>
</body>
</html>